﻿/*************************************************************************************/
/******************************* ETIQUETAS DIRECTAS **********************************/
/*************************************************************************************/
BODY {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin-bottom:10; 
	margin-top:10; 
	margin-left:10; 
	margin-right:10;	
	scrollbar-track-color: #F2F2F2;
	scrollbar-base-color: #e0e0e0;
	scrollbar-dark-shadow-color: #F2F2F2;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-3d-light-color: #F2F2F2;	
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #F2F2F2;
		
	background-color: #f4f4f4;
	margin:0px;	
}
BODY.bordecero {
	margin-bottom:0; 
	margin-top:0; 
	margin-left:0; 
	margin-right:0;	
}
A 
{
	COLOR: #f4f4f4;
}
A:hover
{	
    color: #EAAAAC;
    text-decoration: none;
}

TABLE 
{
	BORDER-RIGHT: #e0e0e0 1px solid; 
	BORDER-TOP: #e0e0e0 1px solid; 
	BORDER-LEFT: #e0e0e0 1px solid;
	BORDER-BOTTOM: #e0e0e0 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

TH 
{
	FONT-SIZE: 11px;	
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;	
	background-color: #727278;
	text-align: center;
	letter-spacing: 1px;
}

TD 
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

H3 {
	COLOR: #727278;
	text-align:center;
	font-size:1.2em;
	/*margin-bottom:5px */
}

form 
{
	margin: 0px;
	padding: 0px;
}

/*Desarrollado por César Vallejo*/
.titulo
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color: #000000;
	background-color: #F4F4F4;
	font-weight: bold;
	text-decoration: none;
}

/*Desarrollado por César Vallejo*/
.subtitulo
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color: #000000;
	background-color: #F4F4F4;
	font-weight: bold;
	text-decoration: none;
}

/*Desarrollado por César Vallejo*/
.subtitulo2
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	background-color: #F4F4F4;
	font-weight: bold;
	text-decoration: none;
}

/*Desarrollado por César Vallejo - Sirve como título para el segundo detalle de fallas_pt_detalle.aspx */
.subtitulo3
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	background-color: #F4F4F4;
	font-weight: bold;
	text-decoration: none;
}

/*Desarrollado por César Vallejo*/
.bienvenida
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

/*Desarrollado por César Vallejo*/
.cerrar_sesion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	cursor:hand;	
}

/*Desarrollado por César Vallejo*/
.hipervinculo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	
	BORDER-RIGHT: #55eeff 0px solid;
	BORDER-TOP: #e0e0e0 0px solid;
	BORDER-LEFT: #e0e0e0 0px solid;
	BORDER-BOTTOM: #e0e0e0 0px solid;
	text-decoration: none;
}

/*Desarrollado por César Vallejo*/
.paneles
{
	border-style: none;
	border-width: 1;
	background-color: #858585;
	width: 250px;
	height: 20px;
	display: none
}

/*Desarrollado por César Vallejo*/
.panel_arrastre
{
	cursor: move;
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: Black;
	width: 248px;
	height: 20px;
	text-align: center
}

/*Desarrollado por César Vallejo - Utilizado para CALIDAD/CONSULTA POR TIPO DE MOVIMIENTO*/
.panel_arrastre_2
{
	cursor: move;
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: Black;
	width: 408px;
	height: 20px;
	text-align: center
}

/*Desarrollado por César Vallejo - Utilizado para URDES CARDAS/CONSULTA POR TIPO DE MAQUINA*/
.panel_arrastre_3
{
	cursor: move;
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: Black;
	width: 270px;
	height: 20px;
	text-align: center
}

/*Desarrollado por César Vallejo*/
.modalPopup {
	background-color:#EAAAAC;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	z-index:900 !important;
}

/*Desarrollado por César Vallejo*/
.panelLogueo {
	background-color:#EAAAAC;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
}

/*Desarrollado por César Vallejo*/
.panelLogueoTitulo
{
	cursor: move;
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: Black;
	width: 298px;
	height: 20px	
}

/*Desarrollado por César Vallejo - Utilizado para CALIDAD/CONSULTA POR TIPO DE MOVIMIENTO*/
.modalPopup_2 {
	background-color:#EAAAAC;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:410px;
}

/*Desarrollado por César Vallejo - Utilizado para URDES CARDAS/CONSULTA POR TIPO DE MAQUINA*/
.modalPopup_3 {
	background-color:#EAAAAC;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:272px;
}

/*Desarrollado por César Vallejo = Controles de Links (Consultar, Ver Detalle, Exportar, etc)*/
.tabla_controles
{
	height: 26px; 
	border-style: none;
	border-width: 0; 
	vertical-align: middle; 
	text-align: right;
}

/*Desarrollado por César Vallejo*/
.modalBackground 
{
	background-color: #000;
	filter: alpha(opacity = 60);
	opacity: 0.5;
	z-index: 900 !important;
}

/*Desarrollado por César Vallejo*/
/*Se aplicará a los botones que involucran procesos con la BD para que sea manejado por jQuery:BlockUI*/
.boton_act
{
    font-size: 11px;
    border: 1px solid #cccccc;
    font-family: Arial, verdana;
    color: #000000;
    background-color: #DDDDDD;
    cursor: hand;
    text-decoration: none; 
}

/*Desarrollado por César Vallejo*/
.boton_ina
{
    font-size: 11px;
    border: 1px solid #cccccc;
    font-family: Arial, verdana;
    color: #000000;
    background-color: #DDDDDD;
    cursor: hand;
    text-decoration: none; 
}

/*Desarrollado por César Vallejo*/
.mensaje_informacion{
	font-family: verdana;
	font-size: 11px;
	color:Red;
}

/*Desarrollado por César Vallejo*/
table.tabla_repeater {
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-color: White
}

/*Desarrollado por César Vallejo*/
table.tabla_repeater td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #eeeeee;		
	font-size: 11px
}

/*Desarrollado por César Vallejo*/
.color_fila_arriba {
	background-color: White;
}

/*Desarrollado por César Vallejo*/
.color_fila_abajo {
	background-color: #EAAAAC;
}

/*Desarrollado por César Vallejo*/
.controles_texto {
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F9F9F9;
}

/*Desarrollado por César Vallejo*/
.link_button:hover
{
    color: #F9F9F9;
    /*
    cursor: hand;
    text-decoration: none; */
}

/*Desarrollado por César Vallejo*/
.combo_compañia {	
	border-style: none;
	border-width: 0;
	border-color: #EAAAAC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EAAAAC;
	background-color: #f4f4f4;
	/*font-weight: bold;*/
	text-decoration: none;	
	cursor:hand;		
	text-align:right;
}

/*Està pendiente este desarrollo, es para que el menu principal seleccionado cambie de color a azul*/
.menu:hover
{	
    color: #FFFFFF;
    text-decoration: none;
    cursor: hand;
}

/*Desarrollado por César Vallejo*/
.JavaScript
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color: #FFFFFF;
	background-color: #EAAAAC;
	font-weight: bold;
	text-decoration: none;
}

/*Desarrollado por César Vallejo - Estilo utilizado en la pantalla de Muratas, aparentando ser una pestaña inactiva.*/
.boton_pestaña_inactiva
{
    font-size: 11px;
    border: 1px solid #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #D4D0C8;
    cursor: hand;
    text-decoration: none;
    /*margin-bottom:5px*/
}

/*Desarrollado por César Vallejo - Estilo utilizado en la pantalla de Muratas, aparentando ser una pestaña activa.*/
.boton_pestaña_activa
{
    font-size: 11px;
    border: 1px solid #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAAAAC;
    cursor: hand;
    text-decoration: none;    
    font-weight: bold;        
    border-top: Gray 3px solid; 
    border-right: Gray 3px solid; 
    border-left: Gray 3px solid;     
}

/*Desarrollado por César Vallejo - Estilo utilizado en la pantalla de Muratas, aparentando ser el cuerpo de una pestaña.*/
.cuerpo_pestaña {
	background-color:#EAAAAC;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:983px;
}

/*Desarrollado por Carlos Machanay - Estilo utilizado para obtener el evento click de la imagen dentro de un control GridView.*/
.boton_lupa
{
    font-size: 11px;
    border: 1px solid #cccccc;
    font-family: Arial, verdana;
    color: #000000;
    background-color: #DDDDDD;
    cursor: hand;
    text-decoration: none; 
}

.color_fila_arriba {
	background-color: #FBCCCC;
}
.color_fila_abajo {
	background-color: #FFFFFF;
}
